<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML作业6-使用CSS美化项目列表标签</title>
<style type="text/css">
* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
}
.nav {
	background-color: rgba(252,251,8,1.00);
	width: 120px;
	text-align: center;
	height: 100vh;
}
.nav li {
	padding-bottom: 10px;
	padding-top: 10px;
}
.nav h1 {
	padding-top: 15px;
	font-size: 23px;
	padding-bottom: 15px;
}
</style>
</head>

<body>
<ul class="nav">
	<h1>标题</h1>
	<li>栏目名称</li>
	<li>栏目名称</li>
	<li>栏目名称</li>
	<li>栏目名称</li>
	<li>栏目名称</li>
	<li>栏目名称</li>
</ul>
</body>
</html>
